/* eslint-disable no-unused-vars */
import wxValidate from 'wechat-validate'

Page({
  // 注册插件
  behaviors: [wxValidate],

  // 定义校验规则
  rules: {
    // key 是数据名称
    mobile: [
      { required: true, message: '请输入手机号码' },
      { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码' },
    ],
    code: [
      { required: true, message: '请输入验证码' },
      { pattern: /^\d{6}$/, message: '请输入正确的验证码' },
    ],
  },

  data: {
    code: '',
    mobile: '18600000009',
    countDownVisible: false,
    timeData: {},
  },

  async login() {
    // 如果校验的是整个表单，那么，就会得到一个校验结果，不需要解构
    const valid = this.validate()

    if (valid) {
      // 发送登录请求
      const res = await wx.http({
        method: 'post',
        url: '/login',
        data: {
          mobile: this.data.mobile,
          code: this.data.code,
        },
      })

      // 保存token
      const app = getApp()
      app.setToken(res.data.token)
      app.setRefreshToken(res.data.refreshToken)

      // this.options.returnType // switchTab, navigateTo, redirectTo
      // wx = {
      //   switchTab() {},
      //   navigateTo() {},
      //   redirectTo() {}
      // }
      // wx.switchTab  ()
      // wx['switchTab']   ()

      // 登录成功后跳转页面，returnType：跳转方式，returnUrl：跳转地址

      // let { returnType, returnUrl } = this.options
      // // 没传url
      // if (!returnUrl) {
      //   returnUrl = '/pages/index/index'
      //   returnType = 'switchTab'
      // }
      // // 传了url但是没传type
      // if (returnUrl && !returnType) {
      //   returnType = 'redirectTo'
      // }
      // wx[returnType]({ url: returnUrl })

      // 如果只传了url，那么type就会取switchTab
      wx[this.options.returnType || 'switchTab']({
         //this.options.returnUrl || ''  解决登录回跳bug，登录不上问题
         url: decodeURIComponent(this.options.returnUrl || '') || '/pages/index/index',
        //url: decodeURIComponent(this.options.returnUrl || '/pages/index/index') ,
      })

      // wx.switchTab({
      //   url: '/pages/index/index',
      // })
    }
  },

  async getSMSCode() {
    // this.validate('mobile') 单独校验某一个规则
    const { valid, message } = this.validate('mobile')
    if (!valid) return wx.utils.toast(message)

    // 发送获取验证码的请求
    const res = await wx.http({
      method: 'get',
      url: '/code',
      data: {
        mobile: this.data.mobile,
      },
    })

    // 代码能执行到这里，说明，请求成功了

    // 开启倒计时
    this.setData({ code: res.data.code, countDownVisible: true })
  },

  countDownChange(ev) {
    // 后续添加的数据，也是会驱动视图更新的
    this.setData({
      timeData: ev.detail,
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },
})
